<template>
    <div class="c-test">{{ msg }}{{ foo }}</div>
</template>

<script lang="ts" setup>
import { ref, defineComponent, h, render, defineProps, defineEmits, defineExpose } from 'vue';

const msg = ref('abc');

defineExpose({
    msg,
});

const props = defineProps<{
    foo?: string;
}>();

const emit = defineEmits(['change', 'delete']);

emit('change', 'arg');
emit('delete', 'lalal');

// export default defineComponent((props: { msg: string }) => {
//     return () => h('div', h('h1', props.msg));
// });
</script>

<style lang="scss">
.c-test {
    color: red;
}
</style>
